﻿@model PartyManagement.Models.Event
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_MyLayout.cshtml";
    string mess=ViewBag.mess;
   
}
<header>
     <link href="~/Content/bookEvent.css" rel="stylesheet" />
      @Scripts.Render("~/bundles/jquery")
      @Scripts.Render("~/bundles/jqueryui")

</header>

<fieldset class="fieldsetEvent_Detail">
    <legend>Event</legend>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.eventName)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.eventName)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.dateEvent)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.dateEvent)
    </div>

    <div class="display-label">
         @Html.DisplayNameFor(model => model.endDateBook)
    </div>
    <div class="display-field">
        @Html.DisplayFor(model => model.endDateBook)
    </div>

</fieldset>
<p>
    @Html.ActionLink("Edit", "Edit", new { id=Model.eventID }) |
    @Html.ActionLink("Back to Events", "Index","BookEvent")
</p>


<div class="InviteClass">
    <input type="radio" name="invite" class="radioInput"  value="1" checked >  Invite Group
     <input type="radio" name="invite" class="radioInput" value="2" > Invite Member
</div>

    <div  class="InviteMethod" data-period="1">
        
              
         <p style="color:red">@mess</p>
        @{Html.RenderAction("_inviteGroupPartial","GroupMember",new{eventID=Model.eventID});}
    </div>
    <div id="inviteNode2" class="InviteMethod"  data-period="2">
        @{Html.RenderAction("_inviteMemberPartial","GroupMember",new{eventID=Model.eventID});}
    </div>

<script>
    $(document).ready(function () {
        $("#inviteNode2").hide();

        $("input[name='invite']").change(function () {
            $(".InviteMethod").hide();
            var radioVal = $(this).val();
            $(".InviteMethod[data-period='" + radioVal + "']").show();

        });
       
    });
</script>



